@media (max-width: 767px) {
    #today-diet-report {
        display: none;
    }

    .root-container {
         width: 98%;
    }
    .person-icon-container {
        text-align: center;
    }
    .person-icon {
        height: 90px;
    }
    .person-name-container {
        text-align: center;
        margin: 20px 0 20px 0;
    }
    .person-name {
        font-size:24pt;
    }
    .profile-attr-label {
        font-weight:bold;
        border-bottom: solid 1px #ddd;
        padding:10px 0;
        font-size: 0.9em;
    }
    .profile-attr-value {
        padding: 10px 0;
        font-size: 1.0em;
    }
    .calorie-container {
        margin: 0 auto 60px auto;
        width: 100%;
    }
    .today-calorie-info-container {
        display: none;
    }
    .today-calorie-chart-container {
        text-align: center;
    }
    .today-calorie-chart {
        height: 180px;
    }
    .form-person-birthday-for-desktop {
        display: none;
    }
    .form-person-birthday-for-mobile {
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #today-diet-report-mobile {
        display: none;
    }

    #today-calorie-matrix {
        display: none;
    }

    .root-container {
         width: 80%;
    }
    .person-icon {
        height: 150px;
    }
    .person-name {
        font-size:30pt;
    }
    .profile-attr-label {
        font-weight:bold;
        border-bottom: solid 1px #ddd;
        padding:10px 0;
    }
    .profile-attr-value {
        padding: 10px 0;
        font-size: 1.5em;
    }
    .calorie-container {
        margin: 0 auto 60px auto;
        width: 80%;
    }
    .form-person-birthday-for-mobile {
        display: none;
    }
}
@media (min-width: 992px) {
    #today-diet-report-mobile {
        display: none;
    }

    #today-calorie-matrix {
        display: none;
    }

    .root-container {
         width: 80%;
    }
    .person-icon {
        height: 180px;
    }
    .person-name {
        font-size:30pt;
    }
    .profile-attr-label {
        font-weight:bold;
        border-bottom: solid 1px #ddd;
        padding:10px 0;
    }
    .profile-attr-value {
        padding: 10px 0;
        font-size: 1.5em;
    }
    .calorie-container {
        margin: 0 auto 60px auto;
        width: 80%;
    }
    .form-person-birthday-for-mobile {
        display: none;
    }
}
body {
    font-size: 12pt;
    color: #666;
}
body.modal-open {
    position: fixed;
}
.calorie-percentage-label {
    font-size: 1.3em;
}
.calorie-percentage-value {
    font-size: 5.0em;
}
